const path = require('path');

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {

    // 模式
    mode: 'development',

    // 入口
    entry:{
         // 多个入口，即打成三个独立的 js 包
        home:'./src/home/index.js',
        product:'./src/product/index.js',
        about:'./src/about/index.js'
    },

    // 输出目录
    output:{
        path: path.resolve(__dirname,'dist'),
        // 为最终生成的入口 js 设置不同文件名
        filename:'[name].bundle.js'
    },


    // 插件
    plugins:[
        new HtmlWebpackPlugin({
            template:'./public/home.html',  // 模板名
            filename:'home.html',  // 输出文件名
            chunks:['home']  // 指定输出的html里面引入哪些js文件
        }),
        new HtmlWebpackPlugin({
            template:'./public/about.html',
            filename:'about.html',
            chunks: ['about']
        }),
        new HtmlWebpackPlugin({
            template:'./public/product.html',
            filename:'product.html',
            chunks: ['product']
        })
    ]


}